/** 
 * 学习目标：受控组件
 * 总结：
1. `react` 中`change` 事件等同于html中的`input` 事件。
2. `react`中的`blur` 事件，等同于html中的`change` 事件。
3. **推荐**使用`onChange` 事件监听用户输入，**不推荐**使用`onInput`。
 * */
import React from "react";

export default class App extends React.Component {
    state = {
        msg: 'hello react'
    };

    render() {
        return (
            <div>

                <input type="text" value={this.state.msg} onChange={this.handleChange} />
            </div>
        );
    }
    handleChange = e => {
        this.setState({
            msg: e.target.value
        })
    }
}